<template>
  <div class="moreaction">
    <!-- 状态一 -->
    <van-cell-group v-if="!isReport">
      <van-cell @click="dislike">不感兴趣</van-cell>
      <van-cell is-link @click="isReport=true">反馈垃圾内容</van-cell>
      <van-cell>拉黑作者</van-cell>
    </van-cell-group>
    <!-- 状态二 反馈-->
    <van-cell-group v-else>
      <van-cell icon="arrow-left"  @click="isReport=false">返回</van-cell>
      <van-cell @click="$emit('report',item.type)" v-for="item in reportList" :key="item.type"> {{item.value}}</van-cell>

    </van-cell-group>
  </div>
</template>

<script>
import reportList from '@/constants/report'
export default {
  name: 'moreaction',
  data () {
    return {
      isReport: false,
      reportList
    }
  },
  methods: {
    // ====== 不感兴趣 ====
    dislike () {
      this.$emit('delArticel')
    }

  }
}
</script>

<style lang='scss' scoped>
.more-action {
  border-radius: 4px;
}
</style>
